﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>GIS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="./js/jquery-1.8.3.js"></script>
<script language="javascript" src="./js/jquery.idTabs.min.js"></script>
<script type="text/javascript">
	var changeTab = function(data){
		$("#iframe").attr("src","polyline.html?type="+data);
	}
</script>
<link rel="stylesheet" type="text/css" href="./css/main.css"></link>
<link rel="stylesheet" type="text/css" href="./css/page.css"></link>
<link rel="stylesheet" type="text/css" href="./css/chili.recipes.css"></link>
<style type="text/css">
* {
	padding: 0px;
	margin: 0px;
	margin-right: 1px;
}

.iframe {
	width: 100%;
	height: 100%;
	border: 0px;
}
</style>
</head>
<body>
	<div id="usual1" class="usual">
		<ul>
			<li><a href="#tab1" class="selected" onclick="changeTab('source')">source</a></li>
			<li><a href="#tab1" onclick="changeTab('source2rarefy')">source2rarefy</a></li>
			<li><a href="#tab1" onclick="changeTab('rarefy2match')">rarefy2match</a></li>
			<li><a href="#tab1" onclick="changeTab('match2rarefy')">match2rarefy</a></li>
			<li><a href="#tab1" onclick="changeTab('road-ext')">road-ext</a></li>
		</ul>
		<div id="tab1">
			<iframe id="iframe" class="iframe" src=""></iframe>
		</div>
	</div>
	<script type="text/javascript">
		$("#usual1 ul").idTabs();
	</script>
</body>
</html>
